<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>应急调查采集信息</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<link rel="stylesheet" href="../lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="../lib/jquery.mobile-1.4.5/jquery.min.js"></script>
		<script src="../lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<script src="../lib/config.js"></script>
		<script src="../lib/common.js"></script>
		<style>
			header {
				background-color: rgb(90,153,222);
				border-bottom: 1px solid #f2f2f2;
			}
			.ui-field-contain {
				margin: 5px 10px;
			}
			table {
				width: 100%;
				border-spacing: 0;
			}
			th {
				text-align: left;
			}
			th h3 {
				margin: .6em 0 .6em .5em;
			}
			td .ui-btn {
				margin: .4em 0 .5em 0;
			}
			td .ui-btn-inner {
				padding: .4em 15px;
			}
		</style>
	</head>
	<body>
		<header id='header'>
			<div class="header" style="height:32px;">
				<div style="float: left;margin:10px 10px;width:35%;">
					<a onclick="api.closeWin();"> <img src="../image/navbtn_back.png" style="height:24px;"/> </a>
				</div>
				<div style="float:left;margin:12px 0px;color:rgb(255,255,255);font-size: 18px;">
					<span id='title'>调查信息</span>
				</div>
			</div>
			<div style="clear: both;"></div>
		</header>
		<div style="margin:10px 10px;">
			<div class="ui-field-contain">
				<label>调查点名称</label>
				<input name="dcdName" id="dcdName" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >灾害点名称</label>
				<input name="hazardName" id="hazardName" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >灾害类型</label>
				<input name="hazardType" id="hazardType" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label>发生时间</label>
				<input name="tbDateTime" id="tbDateTime" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >地理位置</label>
				<input name="YJDC01030" id="YJDC01030" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >死亡人数</label>
				<input name="YJDC01180" id="YJDC01180" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >失踪人数</label>
				<input name="YJDC01181" id="YJDC01181" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >受伤人数</label>
				<input name="YJDC01182" id="YJDC01182" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >威胁人数</label>
				<input name="YJDC01190" id="YJDC01190" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >直接损失</label>
				<input name="YJDC01170" id="YJDC01170" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >潜在损失</label>
				<input name="YJDC01200" id="YJDC01200" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >社会危害</label>
				<input name="YJDC01185" id="YJDC01185" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >灾害特征</label>
				<input name="YJDC01280" id="YJDC01280" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >稳定状态</label>
				<input name="YJDC01150" id="YJDC01150" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >发展趋势</label>
				<input name="YJDC01160" id="YJDC01160" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >监测建议</label>
				<input name="YJDC01210" id="YJDC01210" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >防治建议</label>
				<input name="YJDC01220" id="YJDC01220" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >调查人</label>
				<input name="YJDC01250" id="YJDC01250" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >调查单位</label>
				<input name="YJDC01260" id="YJDC01260" type="text" readonly="readonly">
			</div>
			<div class="ui-field-contain">
				<label >调查时间</label>
				<input name="YJDC01270" id="YJDC01270" type="text" readonly="readonly">
			</div>
			<div style="margin: 20px 15px;">
				<div style="clear: both;"></div>
				<div id="divImages" style="margin:10px 10px;"></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
		apiready = function() {
			$api.fixStatusBar($api.dom('header'));
			//获取缓存的调查点信息，转换成json对象
			var yjdcInfo = getCookie('yjdcInfo');
			// showMsg('yjdcInfo.html  ' + yjdcInfo);
			yjdcInfo = JSON.parse(yjdcInfo);
			$("#dcdName").val(yjdcInfo.pntName);
			$("#hazardName").val(yjdcInfo.hazardName);
			$("#hazardType").val(yjdcInfo.hazardType);
			$("#tbDateTime").val(yjdcInfo.YJDC01010);
			$("#YJDC01030").val(yjdcInfo.YJDC01030);
			$("#YJDC01150").val(yjdcInfo.YJDC01150);
			$("#YJDC01160").val(yjdcInfo.YJDC01160);
			$("#YJDC01170").val(yjdcInfo.YJDC01170);
			$("#YJDC01180").val(yjdcInfo.YJDC01180);
			$("#YJDC01181").val(yjdcInfo.YJDC01181);
			$("#YJDC01182").val(yjdcInfo.YJDC01182);
			$("#YJDC01185").val(yjdcInfo.YJDC01185);
			$("#YJDC01190").val(yjdcInfo.YJDC01190);
			$("#YJDC01200").val(yjdcInfo.YJDC01200);
			$("#YJDC01210").val(yjdcInfo.YJDC01210);
			$("#YJDC01220").val(yjdcInfo.YJDC01220);
			$("#YJDC01250").val(yjdcInfo.YJDC01250);
			$("#YJDC01260").val(yjdcInfo.YJDC01260);
			$("#YJDC01270").val(yjdcInfo.YJDC01270);
			$("#YJDC01280").val(yjdcInfo.YJDC01280);
			var pics = yjdcInfo.pics;
			if (pics != null && pics.length > 0) {
				for (var i = 0; i < pics.length; i++) {
					var img = "<img src='" + pics[i] + "' style='width:128px;margin:10px 10px;'/>"
					$("#divImages").append(img);
				}
			}
		};
	</script>
</html>
